.clear {
	clear:both
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}
.clearfix {
	zoom:1
}
.dis {
	display:none
}
.width {
	max-width:1440px;
	margin:0 auto
}
.bg-color {
	background:#fff;
	box-shadow:0 0 30px rgba(0,0,0,.07)
}
.header {
	padding:0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	height:80px
}
.header .header-left {
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.header .logo {
	margin-right:20px;
	max-width:300px
}
.header .logo img {
	max-height:80px
}
.header .header-center {
	display:flex;
	flex-wrap:wrap;
	align-items:center
}
.header .ui-nav {
	justify-content:stretch
}
.header .ui-nav ul li a {
	font-size:16px;
	display:block;
	padding:10px 20px;
	color:#333;
	border-radius:25px;
	margin-left:15px
}
.header .ui-nav ul li a:hover,.header .ui-nav ul li.active a {
	color:#fff;
	background:#30a234
}
.header .header-right {
	font-size:28px;
	color:#30a234;
	font-family:Impact
}
.header .header-right span {
	margin-right:15px;
	border:2px solid #ffa601;
	padding:6px 7px;
	border-radius:100%
}
.header .header-right .ui-icon-tel {
	color:#ffa601
}
.header .navbar {
	padding-right:20px;
	display:none;
	z-index:999
}
.ui-offside {
	overflow-y:auto
}
.banner-wrap {
	margin:0 auto;
	overflow:hidden;
	z-index:20
}
.banner {
	width:100%;
	background:#fff
}
.banner .ui-carousel-item a {
	display:block;
	width:100%
}
.banner .ui-carousel-page {
	bottom:25px;
	z-index:100
}
.banner .ui-carousel-page li {
	height:10px;
	width:10px;
	border-radius:10px;
	transition:all 1s
}
.banner .ui-carousel-page li.active {
	width:40px;
	background-color:#5daf34
}
.ui-carousel-next,.ui-carousel-prev {
	width:140px
}
.ui-carousel-next-icon,.ui-carousel-prev-icon {
	background:rgba(0,0,0,.2);
	width:60px;
	height:60px;
	padding:20px;
	border-radius:50%;
	font-size:24px;
	position:relative
}
.ui-carousel-next-icon:after {
	display:block;
	position:absolute;
	content:"";
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
	width:20px;
	height:20px;
	top:20px;
	left:20px
}
.ui-carousel-prev-icon:after {
	display:block;
	position:absolute;
	content:"";
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
	width:20px;
	height:20px;
	top:20px;
	left:20px
}
.inner_wrap {
	background:#fff9f9
}
.inner_wrap {
	background:#fff9f9;
	background-image:url(/template/pc/static/image/banner-inner.jpg)
}
.inner_banner {
	max-width:1440px;
	padding:40px 20px;
	margin:0 auto;
	display:flex;
	align-items:center;
	height:460px
}
.inner_banner .text {
	flex:0 0 50%;
	max-width:50%;
	padding-right:10%
}
.inner_banner .text h2 {
	font-size:40px;
	font-weight:700;
	color:#30a234;
	margin-top:-20px;
	letter-spacing:2px
}
.inner_banner .text h2:after {
	content:'';
	display:block;
	background:#f37b1d;
	width:75px;
	height:6px;
	border-radius:3px;
	margin:24px 0 22px
}
.inner_banner .text p {
	font-size:18px;
	line-height:30px;
	color:#555
}
.inner_banner .image {
	flex:0 0 50%;
	max-width:50%;
	text-align:right;
	padding-right:40px
}
.inner_banner .image img {
	max-width:100%;
	max-height:400px;
	vertical-align:middle;
	-webkit-animation:bounce 1s ease-in-out 0s infinite alternate;
	animation:bounce 1s ease-in-out 0s infinite alternate
}
.subnav {
	margin:20px 0 30px 0
}
.subnav ul {
	display:flex;
	justify-content:center;
	list-style:none
}
.subnav ul {
    text-align: center;
	flex-wrap:wrap
}
.subnav ul li {
	margin-left:10px;
	flex:0 0 30%;
	max-width:30%;
	margin-bottom:10px
}
.subnav ul li a {
	display:block;
	background:#30a234;
	padding:10px 20px;
	color:#fff;
	border-radius:25px
}
.subnav ul li a:hover {
	background:#ffc107
}
.subnav ul li.active a {
	background:#ffc107
}
.subject {
	text-align:center
}
.subject h2 {
	font-size:30px;
	color:#30a234;
	font-weight:400;
	margin:30px 0;
	position:relative;
	padding-bottom:18px;
	margin-bottom:24px
}
.subject h2:after {
	content:'';
	display:inline-block;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	height:6px;
	width:40px;
	background:#ffa601;
	border-radius:3px
}

.subject h3 {
	font-size:30px;
	line-height:45px;
	font-weight:700;
	letter-spacing:.5px;
	color:#30a234
}

.subject h4 {
	font-size:30px;
	line-height:45px;
	font-weight:700;
	letter-spacing:.5px;
	color:#30a234
}
.subject p {
	font-size:16px;
	line-height:26px;
	font-weight:400;
	color:#606266;
	padding:0 10px
}
.subject-white h2,.subject-white h4,.subject-white p {
	color:#fff
}
.home-more a {
	margin:25px auto;
	border:1px solid #30a234;
	background:#fff;
	color:#30a234;
	text-align:center;
	padding:10px 40px;
	display:inline-block;
	border-radius:50%
}
.home-more a:hover {
	background:#30a234;
	border-color:#30a234;
	color:#fff
}
.home-proess-box {
	background:#fff
}
.home-proess {
	display:flex;
	margin:0;
	flex-wrap:wrap;
	width:100%
}
.home-proess-item {
	width:25%;
	background:#fff;
	box-shadow:rgba(60,72,88,.15) 0 0 3px 0;
	padding:30px 30px;
	transition:all .5s ease;
	position:relative;
	overflow:hidden
}
.home-proess-item:nth-child(1) {
	background:#a8292d
}
.home-proess-item:nth-child(2) {
	background:#3ed0cb
}
.home-proess-item:nth-child(3) {
	background:#d03e43
}
.home-proess-item:nth-child(4) {
	background:#6fdcd9
}
.home-proess-item .number {
	text-align:center;
	background:#f37b1d;
	font-size:40px;
	color:#fff;
	font-weight:900;
	width:55px;
	height:55px;
	line-height:55px;
	border-radius:50%;
	z-index:20;
	position:relative
}
.home-proess-item .svg {
	max-width:100%;
	max-width:280px;
	margin:0 auto
}
.home-proess-item .svg img {
	max-width:100%
}
.home-proess-item .name {
	text-align:center;
	color:#fff;
	font-size:22px;
	margin:15px 0;
	position:relative
}
.home-proess-item .desc {
	color:#fff;
	line-height:24px;
	position:relative
}
.home-proess-item:hover {
	box-shadow:0 30px 60px 0 rgba(0,0,0,.2);
	transform:translateY(-10px)
}
.home_about {
	padding:50px 0
}
.home_about .ui-col-6 {
	padding:40px
}
.home_about .ui-col-6 h4 {
	font-size:24px;
	color:#333;
	font-weight:500
}
.home_about .ui-col-6 .intro {
	color:#666;
	margin-top:20px
}
.home_about .ui-col-6 .intro p {
	margin-bottom:20px;
	line-height:28px
}
.home_about .ui-col-6 .more {
	display:inline-block;
	padding:10px 40px;
	background:#30a234;
	color:#fff;
	border:1px solid #eee;
	border-radius:50px;
	transition:all .5s
}
.home_about .ui-col-6 .more:hover {
	background:#fff;
	border-color:#30a234;
	color:#30a234
}
.home_about .ui-col-6 {
	background:#fff
}
.home_about .ui-col-6 video {
	background:#000
}
.home_about .ui-col-6 .image {
	text-align:center;
	margin:0 auto;
	position:relative
}
.home_about .ui-col-6 .image img {
	display:inline-block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	border-radius:15px;
	vertical-align:middle;
	-webkit-transition:all .5s;
	transition:all .5s
}
.home_about .ui-col-6 .image .video-btn {
	height:60px;
	width:60px;
	background:#fff;
	line-height:60px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	border-radius:50%;
	font-size:30px
}
.home_about .ui-col-6 .image .video-btn i {
	color:#30a234
}
.home_about .ui-col-6 .image .video-btn:hover {
	background:#30a234
}
.home_about .ui-col-6 .image .video-btn:hover i {
	color:#fff
}
.home-pro-bg {
	padding:10px 0;
	background:#f8f8fa
}
.home-join-bg {
	background-color:#fff;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
	background-attachment:fixed;
	background-size:cover
}
.home-white {
	background:#fff
}
.home-news-bg {
	padding:10px 0;
	background:url(/template/pc/static/image/news-bg.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed
}
.ui-piclist-image img {
	transition:all .5s
}
.ui-piclist-image:hover img {
	transform:scale(1.2)
}
.home_pro {
	overflow:visible
}
.home_pro .ui-piclist-item {
	padding:14px 14px 4px 14px;
	margin-bottom:1.8%;
	transition:all .5s;
	border-radius:4px
}
.home_pro .ui-piclist-item:hover {
	transform:translateY(-10px)
}
.home_pro .ui-piclist-image {
	overflow:hidden
}
.home-inner {
	background-size:cover;
	padding:99px 0 140px;
	background-repeat:no-repeat;
	text-align:center
}
.home-company>p {
	color:#19be6b;
	font-size:30px;
	text-transform:uppercase;
	line-height:34px
}
.home-company .text {
	overflow:hidden;
	line-height:30px;
	color:#19be6b;
	font-size:16px;
	max-height:120px;
	max-width:1140px;
	margin:31px auto 0
}
@media only screen and (max-width:992px) {
	.home-company>p {
	font-size:24px;
	line-height:28px
}
.home-company .text {
	line-height:28px;
	max-height:102px;
	margin-top:18px
}
.home-inner {
	padding:46px 0 42px
}
}@media only screen and (max-width:428px) {
	.home-company>p {
	font-size:20px
}
}.home-news ul {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	display:-webkit-flex;
	padding-top:100px;
	list-style:none
}
.home-news li {
	margin:0 0 50px 0;
	width:40%;
	position:relative
}
.home-news li:nth-child(2n) {
	margin-left:100px
}
.home-news .time {
	background:#30a234;
	width:115px;
	height:115px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	align-content:center;
	flex-wrap:wrap;
	position:absolute;
	top:50%;
	margin-top:-57px;
	left:-50px;
	border-radius:10px;
	transition:all .36s
}
.home-news strong {
	display:block;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-family:arial;
	width:100%
}
.home-news b {
	display:block;
	text-align:center;
	color:#fff;
	font-size:30px;
	font-family:arial;
	width:100%
}
.home-news figcaption {
	background:#fff;
	padding:50px 20px 50px 90px;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	border-radius:10px;
	transition:all .36s
}
.home-news h3 {
	color:#333;
	font-size:16px;
	font-family:"Microsoft YaHei";
	font-weight:500;
	transition:all .36s
}
.home-news p {
	color:#555;
	font-size:14px;
	height:40px;
	line-height:20px
}
.home-news .more {
	display:block;
	margin:0 auto;
	border:3px solid #fff;
	width:255px;
	height:60px;
	text-align:center;
	line-height:54px;
	color:#fff;
	font-size:20px;
	font-family:"times new roman";
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
	z-index:33
}
.home-news li:hover .time {
	top:0;
	left:0;
	margin-top:0
}
.home-news li:hover figcaption {
	padding-left:150px
}
.home-news li:hover h3 {
	color:#30a234
}
.home-news.active .more,.home-news.active li {
	animation-name:fadeInUp
}
.box {
	padding:20px 30px;
	box-shadow:0 0 30px rgba(28,31,33,.1);
	background:#fff;
	position:relative
}
.edge {
	padding:20px 30px;
	border:1px solid #e3e3e3;
	border-radius:6px;
	background:#fff;
	position:relative
}
.ui-show-title {
	padding:15px 20px
}
.ui-show-title h1 {
	font-size:32px;
	color:#1c1f21;
	line-height:40px;
	margin:8px 0
}
.ui-show-title div {
	font-size:14px;
	color:#999;
	margin:10px 0
}
.ui-show-image .ui-col-3 {
	margin:0 0 20px 0;
	padding-right:20px
}
.ui-show-image .ui-col-3:nth-child(4n) {
	margin-right:0
}
.ui-show-image .ui-card {
	border:0;
	border-radius:8px
}
.ui-show-image .ui-card-image {
	height:220px;
	overflow:hidden;
	border-radius:8px
}
.ui-show-image .ui-card-image img {
	border-radius:8px;
	height:100%;
	transition:all .5s
}
.ui-show-image .ui-card-image:hover img {
	transform:scale(1.4)
}
.ui-show-body {
	padding:15px 20px;
	line-height:36px;
	font-size:16px;
	word-break:break-all
}

.ui-show-body p{
	padding:10px 10px;
	line-height:24px;
	font-size:16px;
	text-indent: 2em;
	word-break:break-all
}

.ui-show-body h2{
	padding:10px 10px;
	line-height:18px;
	font-size:20px;
	word-break:break-all
}

.ui-show-body h3{
	padding:10px 10px;
	line-height:18px;
	font-size:18px;
	word-break:break-all
}

.ui-show-body img {
	max-width:100%
}
.join-mode {
	margin:40px 0 0 0
}
.join-mode-item {
	margin:10px;
	box-shadow:rgba(60,72,88,.3) 0 0 3px 0;
	background:rgba(255,255,255,.66);
	border-radius:10px;
	transition:all .5s ease;
	position:relative
}
.join-mode-item:hover {
	box-shadow:0 30px 60px 0 rgba(0,0,0,.12);
	transform:translateY(-10px)
}
.join-mode-header {
	padding:30px 40px 0 40px;
	position:relative
}
.join-mode-header .name {
	font-size:24px;
	line-height:60px;
	color:#30a234
}
.join-mode-blank {
	padding:30px 40px;
	line-height:30px;
	border-top:1px solid rgba(60,72,88,.1);
	border-bottom:1px solid rgba(60,72,88,.1);
	margin:30px 0
}
.join-mode-blank span {
	display:block;
	min-width:80px;
	color:#333;
	font-weight:700
}
.join-mode-remark {
	padding:0 30px;
	padding-bottom:30px
}
.join-mode-remark span {
	color:#30a234
}
.join-bg {
	background-color:#f7fafc;
	padding:50px
}
.join {
	box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
	border-radius:25px
}
.col-left {
	padding:50px;
	background:#ebf4ff;
	border-radius:25px 0 0 25px
}
.col-left .svg {
	margin:0 auto;
	max-width:400px
}
.col-left .svg img {
	max-width:100%
}
.col-right {
	padding:50px;
	background:#fff;
	border-radius:0 25px 25px 0
}
.contact {
	padding:35px 0 0 0;
	font-family:verdana;
	color:#777
}
.contact .ui-row {
	padding-top:20px
}
.contact .ui-col-6 {
	border-bottom:1px solid #f3f3f3;
	padding-bottom:30px;
	margin-top:30px;
	max-width:45%;
	margin-right:5%
}
.contact em {
	font-size:30px;
	margin:0 20px 20px 0;
	float:left;
	background:#30a234;
	color:#fff;
	width:55px;
	line-height:55px;
	border-radius:50%;
	text-align:center
}
.contact h3 {
	font-family:microsoft yahei;
	color:#333;
	font-size:18px;
	font-weight:500
}
.web-tips {
	font-size:16px;
	font-weight:400;
	margin-top:30px;
	border:1px solid #ffd8d1;
	background:#fff9f9;
	color:#fa563a;
	padding:12px 20px;
	text-align:left;
	border-radius:4px
}
.web-tips i {
	font-size:24px;
	margin-right:15px;
	color:#fa563a
}
.footer {
	border-top:1px solid #f1efef;
	background:#ff;
	padding:40px 0;
	color:#8b8b8b
}
.footer_item {
	width:16%;
	margin-right:4%
}
.footer_item h4 {
	font-size:18px;
	color:#555;
	height:50px;
	border-bottom:1px solid #f1efef;
	position:relative
}
.footer_item h4:after {
	display:block;
	content:"";
	width:75px;
	height:2px;
	top:48px;
	left:0;
	position:absolute;
	background:#30a234
}
.footer_item h5 {
	font-size:16px;
	color:#555
}
.footer_item .footer_menu {
	line-height:36px;
	margin-top:20px
}
.footer_item .footer_menu a {
	display:block;
	color:#666;
	transition:all .5s ease
}
.footer_item .footer_menu a:hover {
	color:#30a234;
	transform:translateX(10px)
}
.footer_last {
	width:16%;
	margin-right:4%
}
.footer_tel {
	font-family:Impact;
	font-size:30px;
	color:#30a234
}
.footer_tel img {
	max-width:150px;
	margin-top:10px;
	display:block
}
.copyright {
	background:#fff;
	line-height:30px;
	padding:20px;
	text-align:center;
	color:#666;
	border-top:1px solid #f1efef
}
.copyright a {
	color:#333
}
.copyright a:hover {
	color:#30a234
}
.ui-scale:before {
	content:"";
	height:100%;
	width:100%;
	position:absolute;
	z-index:-1;
	background:#fff;
	left:0;
	border-radius:50%;
	-webkit-animation:scale 1s linear infinite;
	animation:scale 1s linear infinite;
	opacity:.9;
	-webkit-transform:scale(1);
	transform:scale(1)
}
@-webkit-keyframes scale {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
50% {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.9
}
100% {
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	background:0 0
}
}@keyframes scale {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
50% {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.9
}
100% {
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	background:0 0
}
}.ui-bounce {
	-webkit-animation:bounce 1s ease-in-out 0s infinite alternate;
	animation:bounce 1s ease-in-out 0s infinite alternate
}
@keyframes bounce {
	0% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	-webkit-transform:translateY(-18px);
	transform:translateY(-18px)
}
}@-webkit-keyframes rotate3d {
	0% {
	-webkit-transform:rotateY(0);
	transform:rotateY(0)
}
100% {
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg)
}
}@keyframes rotate3d {
	0% {
	-webkit-transform:rotateY(0);
	transform:rotateY(0)
}
100% {
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg)
}
}.pagelist {
	text-align:center
}

.pagelist ul{
    text-align:center;
    clear:both
 }
 
 .pagelist ul li{
     display: inline-block;
     list-style: none;
     padding: 5px 10px;
     margin: 2px;   
 }
 
 .pagelist ul li a {
     text-decoration: none;
     color: #333;
 }
 
.pagelist .page-status {
	color:#666;
	display:inline-block;
	border:1px solid #ddd;
	padding:6px 12px;
	margin:0 2px;
	border-radius:2px
}
.pagelist a {
	color:#666;
	display:inline-block;
	border:1px solid #ddd;
	padding:6px 12px;
	margin:0 2px;
	border-radius:2px
}
.pagelist a:hover {
	border-color:#30a234;
	background:#30a234;
	color:#fff
}
.pagelist .page-num-current {
	border-color:#30a234;
	background:#30a234;
	color:#fff
}
.pagelist .page-num-current:hover {
	border-color:#ea5413;
	background:#ea5413;
	color:#fff
}
.plug_service {
	position:fixed;
	right:0;
	bottom:5%;
	z-index:999
}
.plug_service li {
	position:relative;
	margin-bottom:5px;
	list-style:none
}
.plug_service li a {
	display:block;
	text-align:left;
	background:#333;
	border:1px solid #333;
	padding:12px 20px;
	font-family:microsoft yahei;
	color:#fff;
	outline:0;
	transition:right .5s;
	right:-90px;
	position:relative;
	border-radius:40px 0 0 20px
}
.plug_service li a span {
	display:inline-block;
	font-size:24px;
	color:#999;
	margin-right:20px;
	vertical-align:middle
}
.plug_service li a:hover {
	background:#30a234;
	color:#fff;
	border-color:#30a234;
	right:0;
	font-family:microsoft yahei
}
.plug_service li a:hover span {
	color:#fff
}
.plug_service .hover a {
	display:block;
	text-align:center;
	background:#30a234;
	border:1px solid #30a234;
	padding:15px 20px;
	color:#fff;
	outline:0
}
.plug_service .hover a span {
	color:#fff
}
.plug_service .hotline {
	position:absolute;
	display:none;
	background:#fff;
	padding:10px 15px 0 15px;
	left:-260px;
	bottom:0;
	width:240px;
	border:1px solid #ddd;
	height:68px;
	color:#999;
	line-height:26px;
	border-radius:4px;
	font-size:15px
}
.plug_service .hotline b {
	display:block;
	font-size:18px;
	font-weight:700;
	color:#333
}
.plug_service .hotline:after {
	content:" ";
	position:absolute;
	right:-10px;
	top:25px;
	width:20px;
	height:20px;
	border:#ddd solid 1px;
	border-left:0;
	border-bottom:0;
	transform:rotate(45deg);
	background:#fff
}
.plug_service .weixin_pic {
	position:absolute;
	display:none;
	background:#fff;
	padding:5px;
	left:-230px;
	bottom:-70px;
	width:210px;
	border:1px solid #ddd;
	border-radius:4px
}
.plug_service .weixin_pic p {
	text-align:center;
	margin:0 0 10px 0;
	padding:0
}
.plug_service .weixin_pic p span {
	color:#f30
}
.plug_service .weixin_pic:after {
	content:" ";
	position:absolute;
	right:-10px;
	top:130px;
	width:20px;
	height:20px;
	border:#ddd solid 1px;
	border-left:0;
	border-bottom:0;
	transform:rotate(45deg);
	background:#fff
}
.plug_service li:hover div {
	display:block
}
@media screen and (max-width:1024px) {
	.width {
	width:100%
}
.header {
	height:60px
}
.header .logo {
	max-width:400px
}
.header .logo img {
	max-height:60px
}
.header .header-center {
	display:none
}
.header .header-right {
	display:none
}
.header .navbar {
	display:block
}
#offside-nav {
	min-width:85%
}
.ui-collapse-menu-title {
	padding-left:10px
}
.ui-collapse-menu-title.active {
	background:#fff
}
.ui-collapse-menu-title.active a {
	color:#363e45
}
.inner_banner .text {
	padding:0 20px
}
.subnav {
	padding:0 10px;
	margin:5px 0 10px 0
}
.subnav ul {
	flex-wrap:wrap;
	justify-content:flex-start
}
.subnav ul li {
	flex:0 0 50%;
	max-width:50%;
	margin-left:0;
	margin-bottom:10px
}
.subnav ul li a {
	padding:8px 10px;
	font-size:14px;
	text-align:center
}
.subnav ul li:nth-child(1n) {
	padding-right:5px;
	padding-left:0
}
.subnav ul li:nth-child(2n) {
	padding-right:0;
	padding-left:5px
}
.home-proess-item {
	width:50%
}
.home-proess-item:hover {
	box-shadow:0 30px 60px 0 rgba(0,0,0,.2);
	transform:translateY(0)
}
.home-proess-item .number {
	font-size:32px;
	font-weight:900;
	width:40px;
	height:40px;
	line-height:40px
}
.home-proess-item .svg {
	max-width:220px
}
.home-proess-item .name {
	font-size:18px
}
.home-good {
	margin:0
}
.home-good ul li .icon {
	width:80px;
	height:80px;
	margin:30px auto 10px auto
}
.home-good ul li .icon .mark {
	line-height:80px
}
.home-good ul li .icon .mark span {
	font-size:30px;
	color:#fff
}
.home-good ul li h5 {
	font-size:18px;
	padding:15px 0
}
.home-good ul li p {
	font-size:14px;
	color:#999;
	padding:0 25px 30px 25px;
	line-height:24px;
	min-height:80px
}
.home-service {
	margin:0 10px
}
.home-service-item {
	flex:0 0 50%;
	max-width:50%
}
.home-service-item-body .text {
	margin-left:20px
}
.home-service-item-body .text h4 {
	font-size:18px
}
.home-service-item-body .text span {
	font-size:14px
}
.home_pro .ui-piclist-item {
	padding:5px 5px 4px 5px
}
.home_pro .ui-piclist-item:hover {
	transform:translateY(0)
}
.ui-piclist {
	margin:0
}
.ui-piclist .ui-piclist-item {
	width:47.5%;
	margin:0 0 15px 15px
}
.ui-col-6,.ui-next,.ui-pre,.ui-show-share,.ui-show-tags {
	flex:0 0 100%;
	max-width:100%
}
.contact .ui-col-6 {
	flex:0 0 100%;
	max-width:100%;
	margin-top:10px
}
.ui-show-image .ui-col-3 {
	padding-right:0;
	flex:0 0 50%;
	max-width:50%;
	margin:0 0 20px 0;
	padding-right:20px
}
.ui-show-image .ui-col-3:nth-child(2n) {
	margin-right:0;
	padding-right:0
}
.ui-show-share {
	text-align:center;
	margin-top:15px
}
.ui-nice {
	padding-left:0!important;
	margin-top:15px
}
.ui-media-text {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2
}
.ui-col-4.ui-text-right {
	display:none
}
.box {
	border-radius:0;
	padding:15px 20px
}
.box.ui-mt-20 {
	margin-top:0!important;
	margin-bottom:20px
}
.edge {
	border-radius:0;
	margin:0;
	padding:15px 20px;
	border:none
}
.ui-image {
	padding:0 20px
}
.ui-form-book .ui-col-2 {
	display:none
}
.ui-form-book .ui-col-10 {
	flex:0 0 100%;
	max-width:100%
}
.ui-form-book .ui-offset-2 {
	margin-left:0;
	flex:0 0 100%;
	max-width:100%
}
.ui-form-book .ui-offset-2 .ui-btn {
	display:block;
	width:100%;
	text-align:center
}
.join-proess .ui-col-4 {
	flex:0 0 50%;
	max-width:50%
}
.join-proess .ui-col-4:nth-child(3) {
	flex:0 0 100%;
	max-width:100%
}
.join-bg {
	padding:10px
}
.join .ui-col-6 {
	flex:0 0 50%;
	max-width:50%
}
.join {
	border-radius:10px
}
.col-left {
	padding:30px;
	border-radius:10px 0 0 10px
}
.col-right {
	padding:30px;
	border-radius:0 10px 10px 0
}
.footer {
	padding:20px 0
}
.footer_item {
	width:45%;
	margin-right:5%;
	padding-left:4%;
	margin-bottom:20px
}
.footer_last {
	width:95%;
	margin-right:5%;
	padding-left:4%;
	margin-bottom:20px
}
.footer_item h4 {
	font-size:16px;
	height:40px
}
.footer_item h4:after {
	top:38px
}
.footer_item h5 {
	font-size:14px
}
.footer_tel {
	font-size:24px
}
.plug_service {
	display:none
}
}@media screen and (max-width:768px) {
	.header .logo {
	max-width:300px
}
.header .logo img {
	padding:8px
}
.inner_banner {
	height:220px
}
.inner_banner .text {
	flex:0 0 100%;
	max-width:100%;
	padding:0 15px
}
.inner_banner .text h2 {
	font-size:20px;
	margin:0
}
.inner_banner .text h2:after {
	margin:16px 0 22px;
	width:45px
}
.inner_banner .text p {
	font-size:14px
}
.inner_banner .text h2 em {
	font-size:16px
}
.inner_banner .text p {
	font-size:14px;
	line-height:24px
}
.inner_banner .image {
	display:none
}
.home-proess-item {
	width:50%
}
.home-proess-item .svg {
	max-width:160px
}
.home_about {
	padding:0
}
.home-good ul li .icon {
	width:80px;
	height:80px;
	margin:10px auto 10px auto
}
.home-good ul li .icon .mark {
	line-height:80px
}
.home-good ul li .icon .mark span {
	font-size:30px;
	color:#fff
}
.home-good ul li h5 {
	font-size:16px;
	padding:5px 0
}
.home-good ul li p {
	font-size:12px;
	color:#999;
	padding:10px;
	line-height:24px
}
.home-news ul {
	padding-top:30px
}
.home-news li {
	margin:0 0 50px 0;
	width:80%;
	position:relative
}
.home-news li:nth-child(2n) {
	margin-left:0
}
.home-service-item {
	flex:0 0 100%;
	max-width:100%
}
.ui-piclist .ui-piclist-item {
	width:47%
}
.footer .ui-col-4 {
	flex:0 0 100%;
	max-width:100%
}
.footer .ui-col-4:nth-child(2) {
	display:none
}
.join-proess .ui-col-4 {
	flex:0 0 100%;
	max-width:100%
}
.join-bg {
	padding:10px
}
.join {
	border-radius:10px
}
.join .ui-col-6 {
	flex:0 0 100%;
	max-width:100%
}
.join .ui-col-6:nth-child(1) {
	display:none
}
.col-right {
	padding:10px;
	background:#fff;
	border-radius:10px
}
}@media screen and (max-width:540px) {
	.header .logo {
	max-width:200px
}
.home-proess-item .svg {
	max-width:120px
}
.ui-piclist .ui-piclist-item {
	width:46%
}
.ui-show-image .ui-card-image {
	height:auto
}
.ui-show-image .ui-col-3 {
	padding-right:0;
	flex:0 0 100%;
	max-width:100%
}
}@media screen and (max-width:415px) {
	.ui-piclist .ui-piclist-item {
	width:44%
}
}.viewmore {
	text-align:center
}
.viewmore a {
	margin:25px auto;
	border:1px solid #07c160;
	background:#fff;
	color:#07c160;
	text-align:center;
	padding:10px 40px;
	display:inline-block;
	border-radius:6px;
	box-shadow:rgba(47,85,212,.3) 0 3px 5px 0
}
.viewmore a i {
	color:#07c160;
	margin-left:10px
}
.viewmore a:hover {
	background:#02ac53;
	border-color:#02ac53;
	color:#fff
}
.viewmore a:hover i {
	color:#fff
}
.ico-show {
	max-width:600px;
	margin:0 auto;
	border-radius:12px;
	background:#f86f29
}
.ico-show img {
	width:100%;
	height:auto;
	padding:10px;
	border-radius:12px
}
.position {
	background:#e7f8ee;
	color:#15a362;
	padding:20px 0
}
.position a {
	color:#15a362
}
.position a:hover {
	color:#f60
}